next
Round
Technologies
Experiences
Contribute
Login
next
Round
Technologies
Experiences
Contribute
Login
Question Loading...
Transformation and Transition
1. What is the purpose of the transform property in CSS?
Level: Expert | Frequency: High
2. What are the different types of CSS transformations?
Level: Expert | Frequency: High
3. What does transform: translate() do?
Level: Expert | Frequency: High
4. What is the difference between translateX() and translateY()?
Level: Expert | Frequency: High
5. How does rotate() work in CSS?
Level: Expert | Frequency: High
6. What is the unit used in rotation?
Level: Expert | Frequency: High
7. What is the difference between scale() and scaleX(), scaleY()?
Level: Expert | Frequency: High
8. What happens when you use negative values in scale()?
Level: Expert | Frequency: High
9. What does the skew() function do?
Level: Expert | Frequency: High
10. Can you combine multiple transform functions together? How? What is the use of the transform-origin property?
Level: Expert | Frequency: High
11. What is the default transform-origin value?
Level: Expert | Frequency: High
12. How does changing transform-origin affect rotation or scaling?
Level: Expert | Frequency: High
13. What is the difference between translate() and using position or margin for movement?
Level: Expert | Frequency: High
14. What is the difference between 2D and 3D transformations?
Level: Expert | Frequency: High
15. What is the difference between 2D and 3D transformations?
Level: Expert | Frequency: High
16. How do you apply a 3D rotation using CSS?
Level: Expert | Frequency: High
17. How do you apply a 3D rotation using CSS?
Level: Expert | Frequency: High
18. What are perspective and perspective-origin in 3D transforms? What is the purpose of transform-style: preserve-3d?
Level: Expert | Frequency: High
19. What is the use of matrix() in CSS transforms?
Level: Expert | Frequency: High
20. What’s the difference between matrix() and matrix3d()?
Level: Expert | Frequency: High
21. How can you center an element using transform and translate()?
Level: Expert | Frequency: High
22. What is the transition property in CSS used for?
Level: Expert | Frequency: High
23. What are the four main components of a transition?
Level: Expert | Frequency: High
24. What does transition-duration specify?
Level: Expert | Frequency: High
25. What are the common timing function values (e.g., ease, linear, ease-in)?
Level: Expert | Frequency: High
26. What is the shorthand syntax for transition?
Level: Expert | Frequency: High
27. Can multiple CSS properties be transitioned simultaneously? How does transition differ from animation in CSS?
Level: Expert | Frequency: High
28. Can you apply a transition to an element’s pseudo-class (like :hover)?
Level: Expert | Frequency: High
29. Can transitions be triggered by JavaScript?
Level: Expert | Frequency: High
30. What happens if transition-duration is set to 0s?
Level: Expert | Frequency: High
All Topics
Basics
Selectors
Box model
Text formatters
Postioning
Display
Pseudo classes
Pseudo elements
Flexbox
Grid
Display
Combinators
Overflow
Breakpoint
Transformation and Transition
Frameworks
Everything else